<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.Calendar"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/icon.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/style.css"/>">

<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>
</head>
<body>
	<script type="text/javascript">
		$(function() {
			$("#cy_btn_doctor").linkbutton({onClick:function(){
				 $('#cydept').datagrid({
						url : 'cyqueryhisemployee',
						width : 1110,
						height:365,
						pagination: true,
						pageSize: 5,
						pageList: [5, 10, 15, 20],
						fitColumns : true,
						singleSelect : true,
						rownumbers: true,
						columns : [ [ {
							field : 'ygNo',
							title : '员工编号',
							width : 80
						},
						{
							field : 'ygName',
							title : '员工姓名',
							width : 120
						},
						{
							field : 'ygServiceState',
							title : '职位',
							width : 80
						},
						{
							field : 'ygSex',
							title : '性别',
							width : 80
						},
						{
							field : 'ygBirth',
							title : '出生日期',
							width : 150
						},
						{
							field : 'ygNation',
							title : '民族',
							width : 80
						},
						{
							field : 'ygJob',
							title : '分类名称',
							width : 80
						},
						{
							field : 'ygMaritalStatus',
							title : '婚姻',
							width : 80
						},
						{
							field : 'ksName',
							title : '科室',
							width : 80
						},
						{
							field : 'ygTel',
							title : '联系电话',
							width : 120
						},
						{
							field : 'yszbStart',
							title : '值班状态',
							width : 120
						},
						{
							field : 'ygAddress',
							title : '地址',
							width : 120
						}
						] ],
						onHeaderContextMenu : function(e, field) {
							e.preventDefault();
							if (!cmenu) {
								createColumnMenu();
							}
							cmenu.menu('show', {
								left : e.pageX,
								top : e.pageY
							});
						}
					});
			
			}})
			
		var cmenu;
		function createColumnMenu() {
			cmenu = $('<div/>').appendTo('body');
			cmenu.menu({
				onClick : function(item) {
					if (item.iconCls == 'icon-ok') {
						$('#cydept').datagrid('hideColumn', item.name);
						cmenu.menu('setIcon', {
							target : item.target,
							iconCls : 'icon-empty'
					});
					} else {
						$('#cydept').datagrid('showColumn', item.name);
						cmenu.menu('setIcon', {
							target : item.target,
							iconCls : 'icon-ok'
						});
					}
				}
			});
			var fields = $('#cydept').datagrid('getColumnFields');
			for (var i = 0; i < fields.length; i++) {
				var field = fields[i];
				var col = $('#cydept').datagrid('getColumnOption', field);
				cmenu.menu('appendItem', {
					text : col.title,
					name : field,
					iconCls : 'icon-ok'
				});
			}
		}
		$("#cy_btn_nurse").linkbutton({onClick:function(){
			 $('#cydept').datagrid({
					url : 'cyqueryhisemployeesh',
					width : 1110,
					height:365,
					fitColumns : true,
					pagination: true,
					pageSize: 5,
					pageList: [5, 10, 15, 20],
					singleSelect : true,
					rownumbers: true,
					columns : [ [ {
						field : 'ygNo',
						title : '员工编号',
						width : 80
					},
					{
						field : 'ygName',
						title : '员工姓名',
						width : 120
					},
					{
						field : 'ygServiceState',
						title : '职位',
						width : 80
					},
					{
						field : 'ygSex',
						title : '性别',
						width : 80
					},
					{
						field : 'ygBirth',
						title : '出生日期',
						width : 150
					},
					{
						field : 'ygNation',
						title : '民族',
						width : 80
					},
					{
						field : 'ygJob',
						title : '分类名称',
						width : 80
					},
					{
						field : 'ygMaritalStatus',
						title : '婚姻',
						width : 80
					},
					{
						field : 'ksName',
						title : '科室',
						width : 80
					},
					{
						field : 'ygTel',
						title : '联系电话',
						width : 120
					},
					{
						field : 'yszbStart',
						title : '值班状态',
						width : 120
					},
					{
						field : 'ygAddress',
						title : '地址',
						width : 120
					}
					] ],
					onHeaderContextMenu : function(e, field) {
						e.preventDefault();
						if (!cmenu) {
							createColumnMenu();
						}
						cmenu.menu('show', {
							left : e.pageX,
							top : e.pageY
						});
					}
				});
		
		}})
		
	var cmenu;
	function createColumnMenu() {
		cmenu = $('<div/>').appendTo('body');
		cmenu.menu({
			onClick : function(item) {
				if (item.iconCls == 'icon-ok') {
					$('#cydept').datagrid('hideColumn', item.name);
					cmenu.menu('setIcon', {
						target : item.target,
						iconCls : 'icon-empty'
				});
				} else {
					$('#cydept').datagrid('showColumn', item.name);
					cmenu.menu('setIcon', {
						target : item.target,
						iconCls : 'icon-ok'
					});
				}
			}
		});
		var fields = $('#cydept').datagrid('getColumnFields');
		for (var i = 0; i < fields.length; i++) {
			var field = fields[i];
			var col = $('#cydept').datagrid('getColumnOption', field);
			cmenu.menu('appendItem', {
				text : col.title,
				name : field,
				iconCls : 'icon-ok'
			});
		  }
		}
	
    //根据员工的名字查询
	$('#cy_employee-search').searchbox({
	    searcher:function(value,name){
	    	$("#cydept").datagrid({
	    		url: 'cyqueryHisEmployeeygName', 
	    		method: 'post', 
	    		queryParams: {
	    			ygName: value
	    		}});
	    }
	});

    
    //双击动态获取医生的名字或护士名字
	$('#cydept').datagrid({
		onDblClickRow:function(rowIndex,rowData){
			$("#ygName").textbox('setValue',rowData.ygName);
			$("#cy-win-employees").window("close");
	    }
	});
    
	});
	</script>
	<div class="easyui-layout" data-options="fit:true">
		<div
			data-options="region:'north',height:'45px',split:true,panelHeight:'auto'"
			style="width: 100px; padding: 5px; padding-left: 400px;">

			<input id="cy_employee-search" class="easyui-searchbox"
				data-options="border: false, menu: '#mm', width: 220, prompt: '请输入你要查询的内容'" />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a id="cybtn-new"
				class="easyui-linkbutton"
				data-options="iconCls:'icon-add',width: '80px'">确定</a>
		</div>

		<div data-options="region:'west',split:true" style="width: 183px">
			<div class="easyui-accordion" data-options="border:false">

				<div title="部门分类结构" data-options=""
					style="overflow: auto; padding: 10px;">
					<ul>
						<li class="drag-item"><a id="cy_btn_doctor" title="医生" 
							class="easyui-linkbutton nav_btn"
							data-options="iconCls:'icon-doctor',plain:true">医生</a></li>
						<li class="drag-item"
							style="padding-left: 50px; position: relative; right: 50px;">
							<a title="护士" id="cy_btn_nurse" class="easyui-linkbutton nav_btn"
							data-options="iconCls:'icon-nurse',plain:true">护士</a>
						</li>
					</ul>

				</div>

			</div>
		</div>

		<div data-options="region:'center'" style="padding: 10px;">

			<table id="cydept" width="100%" data-options="border:false" >
				
			</table>
		</div>

		<div id="mm" style="width: 120px">
			<div data-options="name:'name'">员工姓名</div>
		</div>
</body>
</html>